<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no,
		initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title></title>
		 <link rel="stylesheet" href="../css/bootstrap.css" />
	</head>
	<body>
		<div class="container">
		<div class="dropdown "> 
		 <!--基本下拉菜单
		    整个要包含在一个.dropdown父盒子中
		    下拉菜单添加样式dropdown-menu
		    父盒子如果添加open样式，可以看见展开的下拉菜单
		 --><strong></strong>
		    <button class="btn btn-primary btn-sm " data-toggle="dropdown" >   
				 <!--.caret是一个箭头-->
		        请选择<span class="caret"></span>  
		    </button>
			<ul class="dropdown-menu">
			<!--.active 生成一个选中的蓝色背景 -->
			<li class="active"><a href="">咖啡</a></li>
			<li><a href="">奶茶</a></li>
			<li><a href="">可乐</a></li>
			<!--.divider 生成一条分割线 -->
			<li class="divider"><a href=""></a></li>
			<li><a href="">西果汁</a></li>
			<li><a href="">芒果汁</a></li>
			<li><a href="">茶颜悦色</a></li>
				
			</ul>
			</div>
			<hr>
			
			<!--按钮式下拉菜单 -->
		<div class="btn-group open">
			<button class="btn btn-success btn-sm">个人中心</button>
			<button 
			 data-toggle="dropdown"
			class="btn btn-success btn-sm">
				<span class="caret"></span>
			</button>
			<ul class="dropdown-menu">
				<li class="active"><a href="">账号管理</a></li>
				<li><a href="">地址管理</a></li>
				<li><a href="">个人意见</a></li>
				<li><a href="">退出</a></li>
			</ul>
		</div>
		
			
			</div>
			<script src="js/jquery-1.12.4.js"></script>
			<script src="js/bootstrap.js"></script>

	</body>
</html>
